<template>
	<a-card
		:bordered="false"
		:active-tab-key="activeKey"
		:tab-list="tabListNoTitle"
		@tabChange="(key) => onTabChange(key)"
	>
		<p v-if="activeKey === 'config'">
			<config />
		</p>
		<p v-if="activeKey === 'log'">
			<log />
		</p>
	</a-card>
</template>
<script setup name="DevRules">
	import config from './config/index.vue'
	import log from './log/index.vue'
	const activeKey = ref('config')

	const tabListNoTitle = ref([
		{ key: 'config', tab: '规则配置' },
		{ key: 'log', tab: '规则日志' }
	])
	const onTabChange = (value) => {
		activeKey.value = value
	}
</script>
<style scoped></style>
